<template>
  <div id="app">
    <div id="nav">
	<!-- 使⽤router-link组件来导航 -->
	<!-- 通过传⼊to属性指定连接 -->
	<!-- router-link默认会被渲染成⼀个a标签 -->
	      <router-link to="/todolist">todolist</router-link> |
        <router-link to="/date-picker">date-picker</router-link> |
        <router-link to="/comment">comment</router-link> |
        <router-link to="/pic-preview">pic-preview</router-link> |
	<!-- 路由出⼝ -->
        <!-- 路由匹配的组件将被渲染到这⾥ -->
	<router-view/>
    </div>
  </div>
</template> 
<style>
#nav{
  margin-bottom: 20px;
}
</style>
